<!DOCTYPE html>
<html lang="en" class="f100">
<head>
    <meta charset="UTF-8">
    <meta name="Author" content="zxr">
    <meta name="Keywords" content="news">
    <meta name="Description" content="news">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.min.css">
    <!--<link rel="stylesheet" href="../css/reset.css">-->
    <!--<link rel="stylesheet" href="../css/index.css">-->
    <!--<script src="../js/index.js"></script>-->
    <!--<link rel="shortcut icon" type="image/x-icon" href="">-->
    <style>
        /* 初始化*/
        body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
        article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
        /*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}*/
        ul,ol{list-style:none;}
        strong,b{font-weight:normal;}
        em,i{font-style:normal;}
        table{border-spacing:0;border-collapse:collapse;}
        img{border:0;vertical-align:middle;}
        input,select{vertical-align:middle;font-size:100%;line-height:150%;font-family:arial,'\5FAE\8F6F\96C5\9ED1',sans-serif;-webkit-appearance:none;}
        a{text-decoration:none;outline:none;hide-focus:expression(this.hideFocus=true);background-color:transparent;-webkit-tap-highlight-color:transparent;color:black}
        body{font:14px/1.5 arial,"\5FAE\8F6F\96C5\9ED1",sans-serif;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
        /* 浮动和清除*/
        .fl{
            float: left;
        }
        .fr{
            float: right;
        }
        .clearFix::after{
            content: '';
            display: block;
            clear: both;
            zoom:1;
            overflow: hidden;
        }
        /*字体为100px*/
        .f100{
            font-size: 100px;
        }
        /*设置一些常用类名*/
        .mb20{
            margin-bottom: 0.2rem;
        }
        .mt0{
            margin-top: 0;
        }
        .mb0{
            margin-bottom: 0;
        }
        .mb1{
            margin-bottom: 0.1rem;
        }
        li.list {
            list-style: circle;
        }
        section{
            width: 1200px;
            margin: 50px auto;
        }
        .art{
            width: 530px;
            margin-bottom: 28px;
        }
        .art h2{
            height: 30px;
            line-height: 1.5;
        }
        .art h2 a:hover{
            color: #ff152e;
        }
        .art h2 i{
            position: relative;
            top: 2px;
            display: inline-block;
            width: 19px;
            height: 24px;
            margin-right: 10px;
            background: url("http://img2.cache.netease.com/f2e/house/local_site/images/house_sprite.png") 0 -500px;
        }
        .art ul li{
            height: 37px;
            line-height: 37px;
            font-size: 12px;
            color: #4d4d4d;
            padding-left: 10px;
        }
        .art ul li span{
            display: inline-block;
            height:37px;
            line-height:37px;
        }
        .art ul li a{
            position: relative;
            top: 2px;
            display: inline-block;

            margin-right: 8px;

            line-height: 37px;
            font-size: 16px;
            color: #666

        }
        .art ul li a:hover{
            color: #ff136e;
        }
        section .img1{
            position: relative;
            top: 0;
            left: 0;
            width: 640px;
            height: 360px;
            overflow:hidden;
        }
        section .img1 ul{
            width: 100%;
            height: 100%;
        }
        section .img1 ul li{
            width: 100%;
            height: 100%;
        }
        section .img1 a{
            display: block;
            width: 100%;
            height: 100%;
        }
        section .img1 img{
            display:block;
            width:100%;
            height:100%;
        }
        section .img1 .img1-tit{
            position: absolute;
            left: 0;
            bottom: 10px;
            width: 100%;
            height: 24px;
            line-height:1.5;
            text-indent: 2em;
            font-size: 20px;
            color: white;
            background-color:transparent;
        }
    </style>
    <title>news</title>
</head>
<body>
<section class="clearFix">
    <div class="w530 fl">
        <div class="art">
            <!--SP-5-->
            #set ($list=false)#set ($list=$tag.getList("topicid=02031EII;listnum=1;liststart=0;titlelength=20;pointstart=85;pointend=90;"))
            #if ($list)#foreach ($one in $list)
            <h2 title="[标题]">
                <i></i>
                <a class="" target="_blank" href="[链接]">[标题]</a>
            </h2>
            #end#end
            <ul>
                <!--SP-6-->
                #set ($list=$tag.getList("topicid=02031EII;listnum=2;liststart=0;titlelength=26;pointstart=80;pointend=85;"))
                #if ($list)#foreach ($one in $list)
                <li class="list">
                    <span>[副标题]&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <a href="[链接]" target="_blank">[标题]</a>
                </li>
                #end#end
                <!--<li class="list">-->
                <!--<span>[交通]&nbsp;&nbsp;&nbsp;&nbsp;</span>-->
                <!--<a href="javascript:;" target="_blank" title="不动产权证下周立等可取">不动产权证下周立等可取</a>-->
                <!--<a href="javascript:;" target="_blank" title="百亿房企数量或超去年">百亿房企数量或超去年</a>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="art">
            <!--SP-7-->
            #set ($list=false)#set ($list=$tag.getList("topicid=02031EII;listnum=1;liststart=0;titlelength=20;pointstart=75;pointend=80;"))
            #if ($list)#foreach ($one in $list)
            <h2 title="[标题]">
                <i></i>
                <a class="" target="_blank" href="[链接]" title="[标题]">[标题]</a>
            </h2>
            #end#end
            <ul>
                <!--SP-8-->
                #set ($list=false)#set ($list=$tag.getList("topicid=02031EII;listnum=2;liststart=0;titlelength=26;pointstart=70;pointend=75;"))
                #if ($list)#foreach ($one in $list)
                <li class="list">
                    <span>[副标题]&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <a href="[链接]" target="_blank">[标题]</a
                </li>
                #end#end
                <!--<li class="list">-->
                <!--<span>[交通]&nbsp;&nbsp;&nbsp;&nbsp;</span>-->
                <!--<a href="javascript:;" target="_blank" title="不动产权证下周立等可取">不动产权证下周立等可取</a>-->
                <!--<a href="javascript:;" target="_blank" title="百亿房企数量或超去年">百亿房企数量或超去年</a>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="art mbo">
            <!--SP-9-->
            #set ($list=false)#set ($list=$tag.getList("topicid=02031EII;listnum=1;liststart=0;titlelength=20;pointstart=65;pointend=70;"))
            #if ($list)#foreach ($one in $list)
            <h2 title="[标题]">
                <i></i>
                <a target="_blank" href="[链接]" title="[标题]">[标题]</a>
            </h2>
            #end#end
            <ul>
                <!--SP-10-->
                #set ($list=false)#set ($list=$tag.getList("topicid=02031EII;listnum=2;liststart=0;titlelength=26;pointstart=60;pointend=65;"))
                #if ($list)#foreach ($one in $list)
                <li class="list">
                    <span>[副标题]&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    <a href="[链接]" target="_blank">[标题]</a>
                </li>
                #end#end
                <!--<li class="list">-->
                <!--<span>[交通]&nbsp;&nbsp;&nbsp;&nbsp;</span>-->
                <!--<a href="javascript:;" target="_blank" title="不动产权证下周立等可取">不动产权证下周立等可取</a>-->
                <!--<a href="javascript:;" target="_blank" title="百亿房企数量或超去年">百亿房企数量或超去年</a>-->
                <!--</li>-->
            </ul>
        </div>
    </div>
    <div class="img1 fr swiper-container">
        <ul class="clearFix swiper-wrapper">
            <!--SP-11-->
            #set ($list=false)#set ($list=$tag.getList("topicid=02031EIJ;listnum=7;liststart=0;titlelength=28;pointstart=80;pointend=90;"))
            #if ($list)#foreach ($one in $list)
            <li class="fl swiper-slide">
                <a href="[链接]" target="_blank" title="[标题]">
                    <img title="标题" alt="" data-orinalgi="[图片链接]">
                    <div class="img1-tit">
                        [标题]
                    </div>
                </a>
            </li>
            #end#end
        </ul>
    </div>
</section>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.min.js"></script>
<script>
    window.onload = function () {
        var htmls = document.getElementsByTagName("html")[0];
        run();
        window.onresize = run;
        function run() {
            var w = window.innerWidth;
            if (w < 1200) {
                htmls.style.fontSize = w /12 + "px";
            }
        }
        var mySwiper1 = new Swiper ('.swiper-container', {
            loop:true,
            autoplay:1500,
            pagination:".swiper-pagination",
            paginationClickable :true,
            prevButton:".swiper-button-prev",
            nextButton: ".swiper-button-next",
            effect : 'cube',
            cube: {
                slideShadows: true,
                shadow: true,
                shadowOffset: 100,
                shadowScale: 0.6
            }
        })
    };
</script>
</body>
</html>